<template>
  <div id="app">
    <!--使用props给子组件传递数据-->
    <son :count="count" :str="str" :bool="bool" :person="person"></son>
    <BaseProgress :width="width" @add="width++" @sub="width--"></BaseProgress>
  </div>
</template>
<script>
import son from "@/components/son.vue";
import BaseProgress from "@/components/BaseProgress.vue";

export default {
  name: "App",
  data() {
    return {
      count: 0,
      str: "hello",
      bool: true,
      person: {name: "陶品奇"},
      width: 50,
    }
  },

  components: {
    son,
    BaseProgress
  }
}
</script>
<style lang="less">
</style>
